﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/Admin.Master" AutoEventWireup="true" CodeBehind="Personal.aspx.cs" Inherits="EC2011_hk2_BT1_1041448.MasterPages.WebForm2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="page_title" runat="server">
    Personal page
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="javascript_extenation" runat="server">
    <script type="text/javascript" src="/Resources/Javascript/Admin/jquery.jflip-0.4.js"></script>
    <script type="text/javascript">
        $(function($) {
            $(function() {
                $("#g1").jFlip(400, 400, { background: "green", cornersTop: false, scale: "fix" })
                             .bind("flip.jflip", function(event, index, total) {
                                    $("#l1").html("Image " + (index + 1) + " of " + total);
                              });              
            });
        });
  </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="content_header" runat="server">
    My Abum
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="content" runat="server">
    <asp:Panel ID="Panel1" runat="server" CssClass="content_center">
        <ul id="g1">
            <li>
                <asp:Image ID="Image1" runat="server" ImageUrl="~/Resources/Image/Gallery/Pic2.JPG" />
            </li>
            <li>
                <asp:Image ID="Image2" runat="server" ImageUrl="~/Resources/Image/Gallery/Pic1.JPG"/>
            </li>          
        </ul>
        <div id="l1"></div>
    </asp:Panel>
</asp:Content>
